﻿
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<!-- InstanceBegin template="/Templates/00-master.dwt" codeOutsideHTMLIsLocked="false" -->
<!-- Mirrored from www.ovguide.com/ by HTTrack Website Copier/3.x [XR&CO'2007], Mon, 02 Jun 2008 01:49:52 GMT -->
<!-- Added by HTTrack -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Quay số trúng thưởng</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script language="javascript" type="text/javascript">
 
			function clearText(field)
			{
				if (field.defaultValue == field.value) field.value = '';
				else if (field.value == '') field.value = field.defaultValue;
			}

//			$(function(){
//				$("div.templatemo_gallery img").fullsize();
//			});
</script>
<style>

	body{
		background:url(number/background.jpg);
	}
	.content{
		text-align:center;
		margin:auto 0;
	}
	h2.title{
		color:blue;
		text-align: center;
		margin-top:30px;
		font-size:35px;
	}
	.notification{
		font-size: 44px;
		color:#3333FF;
		display:none;
		margin-top:10px;
		font-weight:bold;
	}
	.left-img{
		position:absolute;
		top:120px;
		left:60px
	}
	.right-img{
		position:absolute;
		top:120px;
		right:50px
	}
	.media{
		//display:none;
	}
</style>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel.js" type="text/javascript"></script>
<script src="js/jquery.media.js" type="text/javascript"></script>
<script src="js/jquery.metadata.min.js" type="text/javascript"></script>

</head>
<body>
<div id="wrapper">
	<script language="JavaScript"> 
	
	var mySound;
	jQuery(function(){
		$("#quay_so").focus();
		$('.media').media( { width: 400, height: 300, autoplay: true } ); 
		
	});
	
	var obj;
	var T;
function foo(n)
{
    var a = 1234;
    a = a.toString();
    var result = "";
    e = document.getElementById("kq");
    for(i = 0; i < a.length; i++)
    {
        result += "<img width='440px' height='550px' src=\"number/a"+a[i]+".jpg\" />";
    }
    e.innerHTML = result;    
}

var solanMax = 10;
var n = 1;
var num = 200;
var timer;
function foo2()
{
		$("#stop").focus();
		$(".notification").hide();
        solan = 0;
        result = "";
        result += "<img width='440px' height='550px' src=\"number/a"+n+".jpg\" />";
        if(n == 13)
            n -= 12;
        if(n >= 1)
            n++;
        e = document.getElementById("kq");
        e.innerHTML = result;
        solan ++;
        T = setTimeout('foo2('+n+')',num);
		if(num > 800){
			clearTimeout(T);
			$(".notification").show();
			//$('.media').media();
		}
        if(solan == solanMax)
            clearTimeout(T);
}
function Stop(){
$("#quay_so").focus();
	num = num + 100;
	
	timer = setTimeout('Stop()',700);
}






</script> 
	<h2 class="title">Chương trình quay số may mắn</h2>
		<div id="temp">
		</div>
		<div class="content" id="sound" >
			<a  class="media" href="http://localhost/kbbv/files/aaa/number/1.mp3">ABC</a> 
			
			
			
			
			<div class="left-img"><img src="number/02.jpg" width="200px" /></div>
			<div class="right-img"><img src="number/07.jpg" width="230px" height="490px" /></div>

			<div style="height:620px"><span id="kq" class=a1><img width='440px' height='550px' src="number/a4.jpg" /></span> 
				<div class="notification">Chúc mừng bạn đã nhận được phần thưởng</div>
			</div>
			<input type=button value='Bắt đầu'  onClick="clearTimeout(timer); num = 100; foo2();" id="quay_so"> 
			<input type=button value='Dừng lại' onClick="Stop();" id="stop" > 
		</div>
		<!--<div class="list-img">
			<img width='100px' height='70px' style="margin-top: 15px" src="number/a1.png" />
			<img width='100px' height='70px' style="margin-top: 15px" src="number/a2.png" />
			<img width='100px' height='70px' style="margin-top: 15px" src="number/a3.png" />
			<img width='100px' height='70px' style="margin-top: 15px" src="number/a1.png" />
			<img width='100px' height='70px' style="margin-top: 15px" src="number/a2.png" />
			<img width='100px' height='70px' style="margin-top: 15px" src="number/a3.png" />
		</div>
		<input type=button value='Dung lai' onClick="stop1();">-->
</div>
</body>

								
						
</html>